page{
    background-color: rgb(233, 232, 232);
    padding: 50rpx 40rpx;
}
.note_wrap{
    .title{
        text-align: center;
        font-size: 40rpx;
        color: rgb(192, 88, 97);
    }
    .item_wrap{
        margin-top: 15rpx;
        background-color:white;
        .input{
            position: relative;
            .input_txt{
                height: 100rpx;
                padding-left: 15rpx;
                padding-right: 80rpx;
                // border: 1rpx solid #41a1cb;
                border-bottom: 1rpx solid #cccccc;
                color: #666666;
            }
            .confirm{
                position: absolute;
                z-index: 2;
                line-height: 100rpx;
                font-size: 38rpx;
                color: green;
                right: 30rpx;
                top: 0rpx;
            }
        }
        scroll-view{
            height: 480rpx;
            .item{
                // background-color: red;
                height: 100rpx;
                padding: 0rpx 10rpx;
                border-bottom: 1rpx solid #cccccc;
                line-height: 100rpx;
                font-size: 30rpx;
                color: #666666;
                display: flex;
                justify-content: center;
                align-items: center;
                
                .num{
                    flex: 1;
                    text-align: center;
                }
                .content{
                    flex: 8;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .delete{
                    flex: 1;
                    text-align: center;
                    color: red;
                }
                .complete{
                    flex: 1;
                    text-align: center;
                    color: yellowgreen;
                }
            }
            .complete_syl{
                text-decoration: line-through;
                color: rgb(206, 201, 201);
                .complete{
                    color: rgb(206, 201, 201);
                }
            }
        }
        .bar_clear{
            height: 80rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .item_left{
                flex: 1;
                padding-left: 28rpx;
                font-size: 28rpx;
                color: #bbbbbb;
            }
            button{
                border: 0rpx;
                margin: 0rpx;
                width: 100rpx;
                height: 50rpx;
                margin-right: 20rpx;
                border-radius: 25rpx;
                padding: 0rpx 2rpx;
                line-height: 50rpx;
                border-bottom: 1rpx solid #cccccc;
                background-color: rgb(166, 230, 177);
                color: #6b6868;
                font-size: 28rpx;
                font-weight: normal;
            }
        }
        .img_wrap{
            text-align: center;
            .txt{
                padding: 15rpx;
                font-size: 38rpx;
                color: rgb(206, 201, 201);
            }
        }

    }
}

.shadow1{
    margin-left: 1%;
    background-color: white;
    height: 15rpx;
    width: 98%;
    border-top: 1rpx solid rgb(201, 197, 197);
    border-bottom: 1rpx solid rgb(201, 197, 197);
}
.shadow2{
    margin-left: 2%;
    background-color: white;
    height: 15rpx;
    width: 96%;
    border-bottom: 1rpx solid rgb(201, 197, 197);
}